4 / 18

Frontmatter controlsURL copied

You can add frontmatter at the top of any D2 code block:

Copied
```d2
---
width: 85vw
height: 70vh
title: Checkout System
layout: elk
theme_id: 3
dark_theme_id: 200
sketch: false
animate_interval: 1200
---
direction: right
...
```

Supported keys in Vyasa:

  • width (default: 65vw)
  • height (default: auto)
  • title (used for fullscreen title + small bottom caption)
  • layout (elk or dagre, default: elk)
  • theme_id, dark_theme_id
  • sketch
  • animate_interval or animate-interval
  • animate (boolean shorthand)

Animation notes:

  • animate_interval enables composition animation.
  • If animation is enabled and target is omitted, Vyasa auto-targets all boards (*).